小程序嵌入H5 |
您所在的位置：网站首页 › h5 小程序 app › 小程序嵌入H5 |
小程序嵌入H5
|
小程序中web-view是一个web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面。所以，如果已经有H5了，想快速开发一个小程序，则可以采用此方法。（小程序采用的uni-app框架开发；以微信小程序为例） 以下列出我在开发小程序嵌入H5的步骤、注意事项等（小程序申请、添加开发者等步骤省略）: 注意点： web-view的H5可以支持微信登录 web-view的支付，不支持网页支付；只可以采用小程序支付；微信小程序调查（本节重点） 在小程序首页（/pages/index/index）添加web-view组件的话，小程序左上角将不会有返回按钮；所以，首页只能做个中转，需要一个存放web-view组件的页面。 如果采用第 3 步的话，在web-view页面左滑或者点击返回将会回到首页；是无法左滑或者点击返回即退出小程序，我的解决方法：在首页做了个弹窗（如下），当从web-view返回时显示；点击确定按钮采用button组件open-type="exit"退出小程序，左滑返回也可退出小程序。 小程序分享title，如果想在web-view页面中分享H5的页面title或者H5设置可以通过uni.postMessage；H5端 引入uni-app的JSSDK；引入微信JSSDK；如果其他小程序则引入对应的jssdk； |
【本文地址】
今日新闻 |
推荐新闻 |